<template>
    <div class="footer_components flexC">
        <div>
            <span style="height:20px;line-height:20px;margin: 0 10px 0 5px; color:#939393;">Copyright © {{year}} LWF 个人设计</span>

<!--            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010502001814"
               style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                <img src="../../assets/main/beian.png" height="20" width="20" style="float:left;" alt=""/>
                <span style="height:20px;line-height:20px;margin: 0 0 0 5px; color:#939393;">
                    粤公网安备 44010502001814号
                </span>
            </a>
            <a target="_blank" href="https://beian.miit.gov.cn/">
                <span style="height:20px;line-height:20px;margin: 0 0 0 5px; color:#939393;">
                    粤ICP备2020125785号
                </span>

            </a>-->
        </div>
    </div>
</template>
<script>
export default {
  name: "footer_components",
  data(){
    return {
      year: ''
    }
  },
  created() {
    let date = new Date
    this.year = date.getFullYear()
  }
}
</script>

<style lang="less">
.footer_components {
  width: 100%;
  margin: 5px 0 0 0;
  justify-content: center;
  align-items: center;
  a{
    color: #515a6e;
    &:hover{
      color: #1890FF;
    }
  }
  span{
    color: #515a6e;
  }
  &>div:first-child{
    span{
      margin-right: 15px;
    }
    margin-bottom: 5px;
  }
}
</style>